import { StyleSheet, View } from "react-native";
import { Text } from "react-native-paper";

const FlexDemo = () => {

    return(
        <View style={[styles.container]} >
            <Text style={{flex:1,backgroundColor:"red"}}>I'm a column1</Text>
            <Text style={{flex:2,backgroundColor:"yellow"}}>I'm a column2</Text>
            <Text style={{flex:3,backgroundColor:"green"}}>I'm a column3</Text>
        </View>

    )
}

const styles = StyleSheet.create({
    // styles here
    container: {
        flex:1,
        padding: 20,
        flexDirection: 'column',
    }
})


export default FlexDemo;